/* 用户首页的通用样式 */
.businessSystem-container {
  height: 100%;
  width: 100%;
  background: #f2f6fb;
}
.businessSystem-box {
  text-align: left;
  border-radius: 8px;
}
.businessSystem-left {
  background: #ffffff;
  width: 23%;
  min-height: 500px;
  margin-right: 10px;
  padding: 12px 20px 15px 15px;
}
.box-group {
  background: #ffffff;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid #ebeef5;
  margin-bottom: 5px;
  /* height: 19%; */
  overflow: hidden;
}

.box-group:last-child {
  margin-bottom: 0;
  /* height: 20%; */
  overflow: hidden;
}
.box-group .title {
  color: #4780fe;
  font-size: 14px;
  font-weight: 600;
}
.businessIndex .title {
  color: #333333;
}
.box-group .title span,
.box-group-wrap .title span {
  display: inline-block;
}
.box-group .title .showmore,
.box-group-wrap .title .showmore {
  float: right;
  width: 60px;
  font-size: 12px;
  font-family: SourceHanSansSC-regular;
}
.box-group .title .showmore:hover,
.box-group-wrap .title .showmore:hover {
  cursor: pointer;
}
.box-group .tag,
.box-group-wrap .tag {
  border-radius: 5px;
  margin-right: 16px;
  color: #333333;
  font-family: SourceHanSansSC-bold;
}
.box-group .line,
.box-group-wrap .line {
  border-bottom: 1px solid #eeeeee;
  margin: 8px 0;
}
.box-group .content {
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  color: #333333;
  text-align: left;
  font-family: SourceHanSansSC-regular;
}
.box-group .content p {
  line-height: 24px;
}
.box-group-wrap .content p {
  line-height: 24px;
}

/* 用户首页的通用样式 结束 */

/* 补充样式1 */
.box-group-wrap {
  background: #ffffff;
  /* padding: 10px 18px; */
  border-radius: 8px;
  border: 1px solid #c5c4c4;
  /* 1px solid #ebeef5; */
  margin-bottom: 8px;
  min-height: 130px;
  overflow: hidden;
}
.box-group-wrap:last-child {
  margin-bottom: 0;
  height: auto;
  overflow: hidden;
}
.box-group-wrap .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0px 15px;
  text-align: left;
}
.box-group-wrap .nodatalist {
  min-height: 100px;
  padding-bottom: 10px;
  color: #909399;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: center;
}
.box-group-wrap .nodatalist img {
  margin-top: 15px;
}
.box-group-wrap .trainingMain {
  padding: 2px 5px 10px 4px;
  min-height: 160px;
}
.box-group-wrap .content {
  padding: 5px 10px;
}
/* 补充样式结束 */
.trainingMain {
  width: 100%;
  padding: 0 10px;
  /* height: 75%; */
}

.trainingMain ul {
  position: relative;
  left: 0;
  z-index: 1;
}
.trainingMain ul .listLine {
  width: 1px;
  height: 84%;
  background: #dae6ff;
  position: absolute;
  left: 3px;
  top: 17px;
  z-index: -10;
}
.trainingMain ul li {
  list-style: none;
  text-align: left;
  font-size: 12px;
  line-height: 28px;
  color: #333;
  z-index: 1;
}
.trainingMain ul li span {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  margin-right: 2%;
}
.trainingMain ul li .blueCirle {
  border: 1px solid #dae6ff;
}
.trainingMain ul li i {
  font-style: normal;
  display: inline-block;
}
.trainingMain ul li .trainingDate {
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.box-group .trainingMain ul li .trainingCustNo {
  width: 60%;
}

.padding_top15 {
  padding-top: 15px;
}
.inlineBtn {
  display: inline-block;
  margin-left: 25px;
}
.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.margin_top20 {
  margin-top: 20px;
}
.margin_btm20 {
  margin-bottom: 20px;
}
.margin_btm10 {
  margin-bottom: 10px;
}
/* UI样式调整 补充的class */
.el-scrollbar .el-menu li .el-menu-icon {
  color: #fff;
}

/*  */

.dialog-footer {
  text-align: center;
}
.el-dialog__body .dialog-footer .el-button--mini {
  padding: 7px 15px;
}
.disNone {
  display: none !important;
}

/* 调整页面UI */
.app-main .appMainWarp {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

/* 统一调整 el-dialog 的样式 */
.el-dialog__wrapper .el-dialog {
  border-radius: 10px;
}
.el-dialog__wrapper .el-dialog__header {
  padding: 6px 20px 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #c6e3ff;
}
.el-dialog__wrapper .el-dialog__header > div {
  color: #4780fe;
}
.el-dialog__wrapper .el-dialog__header .dialog_title {
  color: #4780fe;
  font-weight: bold;
  text-align: center;
}

.el-dialog__wrapper .el-dialog__header .el-dialog__headerbtn {
  top: 10px;
}
.el-dialog__wrapper .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #4780fe;
  font-size: 20px;
}

/* 统一修改表格样式 */
.el-table__header thead tr .el-table th {
  padding: 10px 0;
}
.el-table .cell {
  text-align: center;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  border-radius: 15px;
}

.bigHeight .demo-form-inline {
  border: 1px solid transparent;
  /* padding: 20px; */
  border-radius: 10px;
  background: #fff;
}
.bigHeight > .container > div:nth-child(1) {
  padding: 15px 20px;
}

/* 工单系统样式 */
/* 工单背景色 不要改 */
.iframe_body {
  background-color: #fff;
  height: 100%;
}

/* 调整 el-tree 样式*/
.tree_wrap .el-tree-node__content {
  height: 28px;
  line-height: 28px;
}
.tree_wrap .el-tree-node__content .el-tree-node__label {
  font-size: 15px;
}

.el-tree .menuIcon i {
  line-height: 20px;
  padding: 0px 5px;
  border: 1px solid #409eff;
  border-radius: 4px;
  margin-right: 6px;
}
.el-tree .menuIcon i.el-icon-edit {
  margin-left: 0px;
}
.el-tooltip__popper {
  max-width: 70%;
}
.el-form-item-span-wrap {
  text-align: left;
  width: 450px;
  display: inline-block;
}
.el-form-item-span {
  border-color: #e4e7ed;
  background-color: #e2e2e2;
  color: #50658e;
  cursor: not-allowed;

  display: inline-block;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  padding: 0 15px;
  text-align: left;
}
.el-form-item-span-label {
  width: 150px;
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #606266;
  line-height: 34px;
  padding: 0 12px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
